div{
    width:100px;
    height:100px;
    background-color: fuchsia;
}
/*
.div2{
    transform: translate(200px,100px);!*x坐标的移动，y坐标的移动*!
    -webkit-transform:translate(100px,100px);   !* safari   chrome*!
    -ms-transform:translate(200px,100px);!* IE*!
    -o-transform:translate(200px,100px);!*opera*!
    -moz-translate:translate(200px,100px);!*FireFox*!
    !*常用的支持浏览器的类型*!
}*/

/*
.div2{     旋转
    transform:rotate(200deg);!*degree*!
}*/


/*
.div2{   !*倍数缩放，1指宽度，2指高度*!
    transform:scale(1,2);
    margin-top:200px;
}*/

/*

.div2{
    transform:skew(20deg,50deg);  倾斜效果：围绕x轴旋转的角度，围绕y轴旋转的角度
}
*/


/*
.div2{
    transform: matrix(2,1,2,3,4,6);
}*/
.div2{
    transform:rotateX(120deg);

}